<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <title>箭头函数的使用</title>
    <script type="text/javascript">
      //传统定义函数
      var f1 = function(n) {
        return n * 2;
      }
      console.log("传统=" + f1(2))

      //ES6箭头函数
      let f2 = (n) => {
        return n * 2;
      }
      console.log("ES6=" + f2(100))

      //如果方法体只有一条语句且是返回语句，可以省略{}
      //如果只有一个参数，也可以省略()
      let f3 = n => n * 2;
      console.log("ES6=" + f3(200))


      //箭头函数也可以传给一个变量
      //java匿名对象 匿名内部类
      function hi(f4) {
        console.log(f4(900));
      }
      hi(n => n + 200);

    </script>
  </head>
  <body>

  </body>
</html>